<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/demo.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<style type="text/css">
			a{
				text-decoration: none!important;
			}
			.header{
				background-color: #007aff;
			}
			.header h1{
				color: white;
			}
			.header a{
				color: white;
			}
			.title{
				margin-top: 25px;
				text-align: center;
				color: #007AFF;
			}
			
			.main-p{
				margin-top: 20px;
				text-align: center;
				color: #999999;
			}
			.mui-input-row{
				margin-top: 20px;
				background-color: white;
			}
			.div-button button{
				border-radius: 25px;
				padding: 10px;
				width: 80%;
				margin:0 auto;
				position: relative;
				top: 50px;
			}
			.body-ul{
				margin-top: 20px;
			}
			.lisize-img1{
				width: 80px;
				height: 80px;
				margin-right: 25px;
			}
			.lisize p{
				font-size: 18px;
				padding: 8px 0px 8px 0px;
			}
			.body-div{
				position: absolute;
				left: 60%;top:10px;
			}
			.mui-numbox{
				width: 120px;
				height: 25px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">修改入库单</h1>
		</header>
		<div class="mui-content">
		    <h1 class="title">入库单</h1>
		    <p class="main-p">单号：<span>ck123</span></p>
		    <form>		    
		   		<div class="mui-input-row">
        			<label>入库仓库</label>
        			<input type="text" class="mui-input-clear" placeholder="">
    			</div>
    			<div class="mui-input-row">
        			<label>入库时间</label>
        			<input type="text" class="mui-input-clear" placeholder="">
    			</div>
    			<div class="mui-input-row">
        			<label>入库人员</label>
        			<input type="text" class="mui-input-clear" placeholder="">
    			</div>
    			<div class="mui-input-row">
        			<label>备注</label>
        			<input type="text" class="mui-input-clear" placeholder="">
    			</div>
    			<ul class="mui-table-view body-ul">
			    <li class="mui-table-view-cell mui-media lisize">
			        <a href="javascript:;" class="">
			            <img class="mui-pull-left lisize-img1" src="images/diannao.png">
			            <div class="mui-media-body">
			                <p class="mui-ellipsis">电脑 </p>
			                <p class="mui-ellipsis">d12345</p>
			            </div>
			            <div class="body-div">
			            	<p class="mui-ellipsis"><span class="mui-icon iconfont icon-jine">6888</span></p>
			                <div class="mui-numbox">
								<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
								<input class="mui-input-numbox" type="number" />
								<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
							</div>
			            </div>
			        </a>
			    </li>
			</ul>
    			<div class="div-button">
    				<a href="#" id="">
    					<button type="button" class="mui-action-back mui-btn mui-btn-primary mui-btn-block">确定修改</button>
					</a>
    			</div>			
		    </form>
		    
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/iconfont.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>
	<!--<script type="text/javascript">
		document.getElementById('ruku').addEventListener('tap', function() {
		  		//打开关于页面
		  		
		  		mui.openWindow({
		    		url: 'ruku.html', 
		    		id:'ruku'
		  		});
		});
	</script>-->
</html>